<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/new_file.css">
	</head>
	<body>
		<div class="videobox">
			<header>
				<div class="con">
					<section class="left"></section>
					<section class="right">
					<a href="">登录</a>
					<a href="">注册</a>
					</section>
				</div>
			</header>
			<nav>
				<ul>
					<li class="left">
						<a class="one" href="">
							<img src="images/sanxian.png" alt="">
							<span>选项</span>
							<img src="images/sanjiao.png" alt="">
						</a>
			<aside>
				<img src="images/liebiao.png" alt="">
					<ol class="zuo">
						<li class="s">BB霜</li>
						<li>妆前底妆</li>
						<li>粉底液</li>
						<li>粉底</li>
						<li>粉饼</li>
						<li>腮红</li>
						<li>提亮</li>
						<li>脸部卸妆BB霜</li>
						<li>妆前底妆</li>
						<li>粉底液</li>
						<li>粉饼</li>
						<li>遮瑕/提亮</li>
						<li>腮红</li>
						<li>脸部卸妆</li>
						<li class="d">BB霜</li>
						<li>妆前底妆</li>
						<li>粉底液</li>
						<li>粉底</li>
						<li>粉饼</li>
						<li>腮红</li>
						<li>提亮</li>
						<li>脸部卸妆BB霜</li>
						<li>妆前底妆</li>
					</ol>	
			<img src="images/tu1.jpg" alt="">
						</aside>
					</li>
			<li class="center">
				<input type="text" placeholder="请输入商品名称、品牌或编号">
				</form>
					<li class="right">
						<a href="#">&#xe65e;</a>
						<a href="#">&#xe608;</a>
						<a href="#">&#xf012a;</a>
						<a href="#">&#xe68e;</a>
					</li>
			</ul>
			</nav>
			<video src="video/home_loop_720p.mp4" autoplay="ture" loop="ture" ></video>
			<audio src="audio/home.ogg" autoplay="ture" loop="ture"></audio>
			<div class="pic">
				<p>Select the right resolution for your PC and dive in! （请为您的电脑选择正确的分辨率）</p>
				<ul>
					<li class="one"><span>&#xe62c;</span>STANDARD标准</li>
					<li class="two"><span>&#xe662;</span>HD高清</li>
				</ul>
			</div>
		</div>
		<div class="new">
			<header>
				<img src="images/new.jpg" alt="">
			</header>
			<p>补水保湿 提亮肤色 低敏配方 收缩毛孔 滋养容颜</p>
			<ul>
				<li>
					<hgroup>
						<h2>fresh skin 薏仁水</h2>
						<h2>化妆水/爽肤水单品</h2>
						<h2></h2>
						<h2></h2>
					</hgroup>
				</li>
				<li>
					<hgroup>
						<h2>蜂蜜原液天然滋养</h2>
						<h2>美白护肤套装</h2>
						<h2></h2>
						<h2></h2>
					</hgroup>
				</li>
				<li>
					<hgroup>
						<h2>纯情诱惑一抹惊艳</h2>
						<h2>告别暗淡唇</h2>
						<h2></h2>
						<h2></h2>
					</hgroup>
				</li>
			</ul>
		</div>
		<div class="shi">
			<img src="images/shizhuang.jpg" alt="">
			<p>补水保湿 提亮肤色 低敏配方 收缩毛孔 滋养容颜</p>
		</div>
		<div class="zhuang">
			<ul>
				<li>
				<img src="images/try1.jpg" alt="" id="1">
				</li>
				<li>
				<img src="images/try2.jpg" alt="" id="2">
				</li>
				<li>
				<img src="images/try3.jpg" alt="" id="3">
				</li>
			</ul>
		</div>
		<div class="text">
			<header>
				<img src="images/cp.jpg" alt="">
			</header>
			<p>评测 我们更专业 用户更放心</p>
			<ul>
				<li>
					<img  class="tu" src="images/cp1.jpg" alt="">
					<img class="tihuan" src="images/th1.png" alt="">
				</li>
				<li>
					<img class="tu" src="images/cp2.jpg" alt="">
					<img class="tihuan" src="images/th2.png" alt="">
				</li>
				<li>
					<img class="tu" src="images/cp3.jpg" alt="">
					<img class="tihuan" src="images/th3.png" alt="">
				</li>
				<li>
					<img class="tu" src="images/cp4.jpg" alt="">
					<img class="tihuan" src="images/th4.png" alt="">
				</li>
				<li>
					<img class="tu" src="images/cp5.jpg" alt="">
					<img class="tihuan" src="images/th5.png" alt="">
				</li>
				<li>
					<img class="tu" src="images/cp6.jpg" alt="">
					<img class="tihuan" src="images/th6.png" alt="">
				</li>
				<li>
					<img class="tu" src="images/cp7.jpg" alt="">
					<img class="tihuan" src="images/th7.png" alt="">
				</li>
				<li>
					<img class="tu" src="images/cp8.jpg" alt="">
					<img class="tihuan" src="images/th8.png" alt="">
				</li>
			</ul>
		</div>
	<footer>
		<div class="logo"></div>
		<div class="message">
			<form>
				<ul class="left">
					<li>
						<p><label for="">姓名：</label></p>
						<input type="text">
					</li>
					<li>
						<p>邮箱：</p>
						<input type="email">
					</li>
					<li>
						<p>电话：</p>
						<input type="tel" pattern="^\d{11}$" title="请输入11位数字">
					</li>
					<li>
						<p>密码：</p>
						<input type="password">
					</li>
					<li>
						<input class="but" type="submit" value="">
					</li>
				</ul>
				<div class="right">
					<p>留言:</p>
					<textarea></textarea>
				</div>
			</form>
		</div>
	</footer>
	<div class="banquan">
		<a href="#">fresh skin 美肤科技有限公司</a>
	</div>
	</body>
</html>